<template>
	<view class="authorize-main">
		<label class="authorize-tips">允许“小程序”使用</label>
		<view class="authorize-body">
			<view class="authorize-item" @click="onMessageClick">
				<label class="authorize-item-label">订阅消息</label>
				<label class="authorize-item-arrow"></label>
			</view>
			<view class="authorize-item" @click="onLocationClick">
				<label class="authorize-item-label">位置信息</label>
				<label class="authorize-item-text">使用时</label>
				<label class="authorize-item-arrow"></label>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			onMessageClick(){
				uni.navigateTo({
					url:"./messageSetting"
				})
			},
			onLocationClick(){
				uni.navigateTo({
					url:"./locationSetting"
				})
			}
		}
	}
</script>

<style>
	page{
		height: 100%;
	}
.authorize-main{
	display: flex;
	flex-flow: column;
	background-color: #F4F4F4;
	padding: 0 32rpx;
	height: 100%;
}
.authorize-tips{
	font-size: 24rpx;
	color: #ACACAC;
	margin: 20rpx 0;
}
.authorize-body{
	background-color: #FFFFFF;
	border-radius: 16rpx;
}
.authorize-item{
	margin: 0 32rpx;
	height: 94rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1rpx solid #DDDDDD;
}
.authorize-item:last-child{
	border-bottom: 0;
}
.authorize-item-label{
	font-size: 30rpx;
	color: #181818;
	flex: 1;
}.authorize-item-text{
	font-size: 28rpx;
	color: #ACACAC;
}
.authorize-item-arrow {
		width: 32rpx;
		height: 32rpx;
		background: url(../../static/images/icon_jinru@3x.png) center no-repeat;
		background-size: 32rpx;
	}
</style>
